<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客后台管理 - 首页</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="static/css/font.css">
    <link rel="stylesheet" href="static/css/weadmin.css">

    <script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo">
            <a href="./index.html">后台管理</a>
        </div>
        <div class="left_open">
            <i title="展开左侧栏" class="layui-icon layui-icon-shrink-right"></i>
        </div>
        <ul class="layui-nav right" lay-filter="">
            <li class="layui-nav-item">
                <span style="width: 65px; display: inline-block; text-align: center" id="username"></span>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd>
                        <a class="loginout" href="javascript:logout();">退出</a>
                    </dd>
                </dl>
            </li>
            <li class="layui-nav-item to-index">
                <a href="http://localhost:8080" target="_blank">前台首页</a>
            </li>
        </ul>
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
    <!-- 左侧菜单开始 -->
    <div class="left-nav">
        <div id="side-nav"></div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="wenav_tab" id="WeTabTip" lay-allowclose="true">
            <ul class="layui-tab-title" id="tabName">
                <li>文章列表</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe src='pages/article/list.html' frameborder="0" scrolling="yes" class="weIframe"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer" id="footer" style="display: none;">
        <div class="copyright">Copyright ©2021 By linzeliang</div>
    </div>
    <!-- 底部结束 -->
    <script type="text/javascript">
        function logout() {
            var xhr = new XMLHttpRequest();
            xhr.open('get', "/api/admin/user/logout", true);
            xhr.responseType = 'json';
            xhr.onload = function () {
                var status = xhr.status;
                if (status == 200) {
                    window.location.reload();
                } else {
                    alert("logout error");
                }
            };
            xhr.send();
        }

        var showFooter = true; // 控制是否显示底部示例参数，相关逻辑可删除
        layui.config({
            base: './static/js/'
            , version: '101100'
        }).extend({ //设定模块别名
            admin: 'admin'
            , menu: 'menu'
            , http: 'http'
        });
        layui.use(['jquery', 'admin', 'menu', 'http'], function () {
            var $ = layui.jquery,
                admin = layui.admin,
                http = layui.http,
                menu = layui.menu;

            $(function () {
                http.getMenu();
                admin.tab.tabInit();

                $("#username").text(localStorage.getItem("username"));
                if (showFooter) {
                    var currentY = new Date().getFullYear();
                    $('.copyright').html('Copyright ©' + currentY + ' By linzeliang');
                    $('#footer').show();
                } else {
                    $('.left-nav, .page-content').css({'bottom': 0});
                    $('#footer').hide();
                }
            });
        });
    </script>
</body>
<!--Tab菜单右键弹出菜单-->
<ul class="rightMenu" id="rightMenu">
    <li data-type="fresh">刷新</li>
    <li data-type="current">关闭当前</li>
    <li data-type="other">关闭其它</li>
    <li data-type="all">关闭所有</li>
</ul>
</html>